﻿<%@ Page Title="偷乐网登录" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeFile="Login.aspx.cs" Inherits="Account_Login" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
    <style type="text/css">
        .Login
        {
            float: left;
            width: 250px;
            height: 550px;
            border-color: #2f73b4;
            border-style: solid;
            border-width: 1px;
            background-color: #F2F9FF;
            position: relative;
            top: 1em;
        }
        .RightContent
        {
            float: left;
            width: 750px;
            height: 550px;
            position: relative;
            top: 1em;
            overflow: hidden;
        }
        .popAdertise
        {
            width: 730px;
            height: 350px;
            position: relative;
            left: 2.5em;
        }
        .adertiseWord
        {
            position: relative;
            top: 1em;
            margin: 0px;
            padding: 0px;
        }
        .adertiseWord span
        {
            color: #F00;
            font-size: 30px;
            font-weight: bold;
            font-family: "黑体";
        }
        .adertiseWord p
        {
            line-height: 10px;
            font-size: 16px;
            font-family: "黑体";
            position: relative;
            left: 7em;
            width: 500px;
            height: 40px;
            line-height: 40px;
        }
        .adertiseWord ul.advertisePop
        {
            text-align: left;
            color: #999;
            font-size: 14px;
            position: relative;
            left: 6em;
            width: 450px;
            list-style-type: armenian;
        }
        .adertiseWord ul.advertisePop li
        {
            list-style: none;
        }
        .textpart
        {
            width: 65px;
            text-align: right;
            float: left;
            height: 40px;
        }
        .contorlpart
        {
            text-align: left;
            float: left;
            height: 40px;
            clear: right;
        }
        .contorlpart input
        {
            width: 150px;
        }
        .loginButton
        {
            position: relative;
            left: .25em;
            background-color: #157ec0;
            text-decoration: none;
            width: 70px;
            height: 40px;
            font-size: 20px;
            color: #FFF;
        }
        .forgetPassword
        {
            position: relative;
            text-decoration: none;
            font-weight: bold;
            color: #157ec0;
        }
        .forgetPassword:hover
        {
            color: #00C;
        }
        .registerButton
        {
            position: relative;
            left: .25em;
            background-color: #f39840;
            text-decoration: none;
            width: 170px;
            height: 40px;
            font-size: 20px;
            color: #FFF;
        }
        .LoginImg
        {
            width: 250px;
            position: relative;
            top: 2em;
        }
        ul.LoginFrame
        {
            text-align: center;
            list-style: none;
            position: relative;
            top: 3em;
            height: 300px;
            margin: 0px;
            padding: 0px;
        }
        ul.LoginFrame li
        {
            display: block;
            line-height: 40px;
            clear: both;
        }
    </style>
</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
    <div class="Login">
        <img alt="LoginImg" class="LoginImg" src="<%=PageHelper.Url("Images/Login/IndexPop.gif") %>" />
        <ul class="LoginFrame">
            <li>
                <div class="textpart">
                    Email：</div>
                <div class="contorlpart">
                    <input type="text" runat="Server" id="txtEmail" /></div>
            </li>
            <li>
                <div class="textpart">
                    密 码：</div>
                <div class="contorlpart">
                    <input type="password" runat="Server" id="txtPwd" /></div>
            </li>
            <li style="text-align: left; padding-left: 40px;">
                <input type="checkbox" checked="checked" id="chbRememberMe" runat="Server" /><label
                    style="color: red;">两周内自动登陆</label></li>
            <li>
                <input type="button" name="btnLogin" class="loginButton" id="btnLogin" value="登 陆" /><a
                    href="<%=PageHelper.Url("account/RetrievePwd.aspx") %>" style="text-decoration: underline; margin-left: 20px;">忘记密码</a>
            </li>
            <li style="padding-top: 30px;">
                <label style="color: red; font-size: 12pt;">
                    如果您还没有偷乐网帐号</label>
                <input type="button" class="registerButton" onclick="window.location='reg1.aspx'"
                    value="注 册" /></li>
        </ul>
    </div>
    <div class="RightContent">
        <img src="<%=PageHelper.Url("Images/Login/ads_main.jpg") %>" alt="popAdertise" class="popAdertise" />
        <div class="adertiseWord">
            <p class="titlelog">
                <span>偷乐网</span>是一个全新的地理化交友社区，在该社区中你可以</p>
            <ul class="advertisePop">
                <li>地理显示自己的人生足迹</li>
                <li>地理化的交友模式让你轻松与身边的TA快乐交往</li>
                <li>地理化的购物模式让你轻松查找在你身边的优惠商品</li>
                <li>地理化的寻宝活动让你享受找到宝贝的兴奋之余也会获得意外的财富</li>
            </ul>
        </div>
    </div>
    <script type="text/javascript">

        $().ready(function () {
            $("#btnLogin").click(function () {
                if ($("#MainContent_txtEmail").val().trim().length == 0) {
                    local.mesagebox.showError("请输入Email帐号");
                    $("#MainContent_txtEmail").focus();
                    return;
                }

                if ($("#MainContent_txtPwd").val().trim().length == 0) {
                    local.mesagebox.showError("请输入密码");
                    $("#MainContent_txtPwd").focus();
                    return;
                }

                $("#Form1").submit();
            });
        });

    </script>
</asp:Content>
